import React, {useEffect} from "react";
import {connect} from "react-redux";


function Detail(props) {
    const {hide, show} = props;
    // 进入就发一个隐藏Tabbar的请求 退出页面销毁组件就发一个显示Tabbar的请求
    useEffect(() => {
        // 可以拿到路径中的动态参数值
        console.log(props.match.params.filmId)

        //隐藏tab
        hide()
        return () => {
            //显示tab
            show()
        }
    }, [props.match.params.filmId, hide, show]);
    return <div>
        detail
    </div>
}

export default connect(null, {
    show: () => {
        return {
            type: "showTab"
        }
    },
    hide() {
        return {
            type: "hideTab"
        }
    }
})(Detail);